.map-contianer{
    width: 750rpx;
    height: 1168rpx;
    border-radius: 50rpx;
    overflow: hidden;
    .cinema-map{
        width: 750rpx;
        height: 1168rpx;
       
    }
}
.cinema-swiper{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 388rpx;
    &-item{
        width: 100%;
        height: 100%;
       
        &-item{
            // width: 406rpx;
            width: 446rpx;
            height: 388rpx;
            // margin-left: 40rpx;
            background: #33363D;
            box-shadow: 0 0 18rpx 6rpx rgba(0,0,0,0.19);
            border-radius: 12rpx;
            .img{
                // width: 404rpx;
                width: 444rpx;
                height: 261rpx;
            }
            .info{
                position: relative;
                // width: 406rpx;
                width: 446rpx;
                height: 127rpx;
                box-sizing: border-box;
                padding: 10rpx;
              .title{
                // width: 264rpx;
                width: 304rpx;
                font-family: PingFangSC-Regular;
                font-size: 24rpx;
                color: #FFFFFF;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              } 
              .extra-info{
                  display: flex;
                  justify-content: space-between;
                //   width: 264rpx;
                  width: 304rpx;
                  margin-top: 10rpx;
                .imgs{
                    .refresh,.phone{
                        width: 30.8rpx;
                        height: 30.8rpx;
                    }
                    .phone{
                        margin-left: 26rpx;
                    }
                }
                .walking-time{
                    opacity: 0.55;
                    font-family: PingFangSC-Regular;
                    font-size: 24rpx;
                    color: #FFFFFF;
                }
              } 
              .see-cinema{
                  position: absolute;
                  right: 10rpx;
                  top: 50%;
                  transform: translateY(-50%);
                  width: 90rpx;
                  height: 50rpx;
                  background-image: linear-gradient(150deg, #F25B86 0%, #F1AC5E 100%);
                  box-shadow: 0 0 8rpx 2rpx rgba(242,109,125,0.18);
                  border-radius: 12rpx;
                  text-align: center;  
                  line-height: 50rpx;
                  font-family: PingFangSC-Medium;
                  font-size: 24rpx;
                  color: #FFFFFF;
              }
            }
        }
    }

}